<extend name="_Layout/main"/>

<block name="style"></block>

<block name="main">
    <section>
        <section class="vbox">
            <section id="vbox" class="scrollable wrapper-lg">
                <!-- 文档列表页面顶部钩子 -->
                <div class="clearfix hook hook-document-list-before">
                    {:hook('DocumentListBefore')}
                </div>
                <!-- 文档列表 -->
                <div class="widget widget_doc_post_widget">
                    <div class="publishertop row">
                        <div class="content col-xs-10 col-sm-10 col-md-10 col-lg-10">
                            <div class="cont-box">
                                <textarea class="text" placeholder="请输入..."></textarea>
                            </div><!--
                            <div class="tools-box">
                                <div class="operator-box-btn"><span class="face-icon">☺</span><span class="img-icon">▧</span></div>
                                <div class="submit-btn"><input type="button" onclick="out()" value="提交评论"></div>
                            </div>-->
                        </div>
                        <div class="btn-post col-xs-2 col-sm-2 col-md-2 col-lg-2">
                            <img src="__IMG__/btn-post.png">
                        </div>
                    </div>
                    <script type="text/javascript" src="__JS__/jQuery.rTabs.js"></script>
                    <script type="text/javascript">
                        $(function() {
                            $("#tab4").rTabs({
                                bind : 'hover',
                                animation : 'fadein'
                            });
                        })
                    </script>
                        <div class="row phrase">
                            <div class="phrasetab" id="tab4">
                                <div class="phrasetab-nav j-tab-nav">
                                    <a href="javascript:void(0);" class="current">所有动态</a>
                                    <a href="javascript:void(0);">哔文</a>
                                    <a href="javascript:void(0);">视频</a>
                                </div>
                                <div class="phrasetab-con">
                                    <div class="phrase-tab-con">
                                        <div class="phrasetab-con-item" style="display:block;">
                                            <volist name="volist" id="vo">
                                                <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 ph_portrait">
                                                    <img src="./Uploads/2015-10-15/561eccb6b3236.jpg" alt="">
                                                </div>
                                                <div class="col-xs-10 col-sm-4 col-md-3 col-lg-10 ph_contert">
                                                    <div class="ph_userinfo">
                                                        <i class="fa fa-user"></i>
                                                        <php>$info=M('User')->find($vo['uid']);$info['username']=$info['username'];</php>
                                                        {$info.username}
                                                    </div>
                                                    <div class="ph_time">
                                                        <i class="fa fa-calendar"></i>
                                                        发表于{$vo.ctime|time_format='Y-m-d'}
                                                    </div>
                                                    <div class="ph_content">
                                                        {$vo.content}
                                                    </div>
                                                    <div class="ph_pic">
                                                        <img src="./Uploads/2015-10-23/562957210fbd9.jpg" alt="">
                                                    </div>
                                                </div>
                                            </volist>
                                        </div>
                                        <div class="phrasetab-con-item">
                                            222222
                                        </div>
                                        <div class="phrasetab-con-item">
                                            333333
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
                <ul class="pagination">{$page}</ul>

                <!-- 文档列表页面底部钩子 -->
                <div class="clearfix hook hook-document-list-after">
                    {:hook('DocumentListAfter')}
                </div>
            </section>
        </section>
    </section>
</block>

<block name="script">
    <script type="text/javascript">
        $(function(){
            $('.W_btn_a_disable').click(function(){
                var $content=$('#te_content').val();
                var $pic='../img/123456.jpg';
                //$mess=$('#mess');
                if(!$content||$content.length<10){
                    console.log('内容为空，请填写！！');
                }else {
                    $.post('/index.php?s=/home/DisplayPhrase/add',{pic:$pic,content:$content},function(data){
                        console.log(data);
                        /*if(json.status==1){
                         $mess.slideDown(3000,function(){
                         $mess.css('display','block');
                         }).html('标题为'+json.data.title+'信息为'+json.data.message);
                         }else{
                         $mess.slideDown(3000,function(){
                         $mess.css('display','block');
                         }).html('信息添加失败，请检查');
                         }*/
                    });
                };
            });
        });
    </script>
</block>
